<div id="product_popup" class="pop_hur1">
    <div id="product_popup_content" class="box_all_pop2">
        <?php if($product){ ?>
            <span id="popup_product_key" style="display:none;"><?php echo $product['key']; ?></span>
            <div class="box_all_pop_line_tt">
                <p class="p13t p10b p15l float_left">
                    <?php $style_prev = $prev ? 'class="can_prev" style="cursor:pointer;"' : ''; ?>
                    <?php $style_next = $next ? 'class="can_next" style="cursor:pointer;"' : ''; ?>
                    <img id="popup_prev_item" <?php echo $style_prev; ?> src="catalog/view/theme/<?php echo $template; ?>/images/bt_tidligere.png" /> <img id="popup_next_item" <?php echo $style_next; ?> src="catalog/view/theme/<?php echo $template; ?>/images/bt_naeste.png" />                
                </p>
                <p class="float_right p13t p15r"><a id="close_popup" href="#"><img src="catalog/view/theme/<?php echo $template; ?>/images/icon_close.png" /></a></p>
                <p class="cb"></p>
            </div>
            <div class=" line_btom p10l p10t p10r p10b">
                <div class="img_pop"><img src="<?php echo $product['image']; ?>" width="106" height="134" alt="<?php echo $product['name']; ?>" title="<?php echo $product['name']; ?>" /></div>
                <div class=" p10l float_left">
                    <div class="line_btom">
                        <h4><?php echo $product['shortname']; ?></h4> 
                        <p class="style5 p5b">Pris : &nbsp;<?php echo $product['price']; ?></p>
                        <?php if(1==0){ ?>
                        <h5 class="p5t p5r">Størrelse : &nbsp;<?php echo $product['size']; ?></h5>
                        <?php } ?>	
                        <?php foreach($product['option'] as $item){ ?>
                            <h5 class="p5t p5r cart_details_attribute"><?php echo $item['name']; ?> : &nbsp;<?php echo $item['value']; ?></h5>
                        <?php } ?>	
                        <br class="cb" />
                        <h5 class="p5t p5r cart_details_price">Antal: &nbsp;<?php echo $product['quantity']; ?></h5>                        
                    </div>
                    <div>
                        <div class=" p7t">
                            <p class=" float_left style8 p5t" style="margin-right: 4px;">SUBTOTAL</p>
                            <h2 class=" float_right color_red"><?php echo $subtotal; ?></h2>
                            <p class="cb"></p>
                        </div>
                        <p class="cb"></p>
                    </div>
                </div>
                <p class="cb"></p>
            </div>             
            <p class="p10t p10l">
                <a href="<?php echo $checkout; ?>"><img id="img_checkout" style="cursor:pointer;" src="catalog/view/theme/<?php echo $template; ?>/images/bt_indkobskurven2.png"/></a>
            </p>
        <?php }else { ?>
            <div class="box_all_pop_line_tt" style="padding-bottom:10px;">
                <p class="float_right p13t p15r" style="padding-top:10px;"><a id="close_popup" href="#"><img src="catalog/view/theme/<?php echo $template; ?>/images/icon_close.png" /></a></p>
                <p class="cb"></p>
            </div>                  
            <div>
                <h4 style="padding: 30px; text-align:center; text-transform:none;">Din indkøbskurv er tom!</h4>    
            </div>
        <?php } ?>    
    </div>      
</div>

<div id="cart_slider" class="box_livesuppor_left">           
    <p id="cart_slider_title"><a href="javascript:void(0);"><img src="catalog/view/theme/<?php echo $template; ?>/images/bt_hurtigtoverblik.png" /></a></p>           
</div>      
    
<script type="text/javascript"> 
// <![CDATA[  
	// Open, close cart
    jQuery('#cart_slider_title').live('click', function(){ 
        if(jQuery("#product_popup_content").is(':visible')){
            jQuery("#product_popup_content").fadeOut("slow");    
        }  
        else{
            jQuery("#product_popup_content").fadeIn("slow");
        }
        
        jQuery("#product_popup").animate(
        	{"width": ["toggle", "swing"]}, 
        	1000,        	
        	function(){                
        	}
        );          					       
    });
    
    // Close cart
    jQuery('#close_popup').live('click', function(event){ 
        event.preventDefault();
        
        jQuery("#product_popup_content").fadeOut("slow");   
        jQuery("#product_popup").animate(
        	{"width": ["toggle", "swing"]}, 
        	1000
        );        
    });
// ]]>    
</script>  

<script type="text/javascript">
// <![CDATA[  
    jQuery('#popup_prev_item').live('click', function(){    
        if(jQuery(this).hasClass('can_prev')){              
            jQuery.get(
                '<?php echo $loadproduct; ?>',                 
                {'product_key': jQuery('span#popup_product_key').html(), 'nav_status': 'prev' },
                function(data){
                    jQuery('#product_popup').html(data);
                },
                'html'
            );   
        }        
    });
    
    jQuery('#popup_next_item').live('click', function(){
        if(jQuery(this).hasClass('can_next')){
            jQuery.get(
                '<?php echo $loadproduct; ?>',                
                {'product_key': jQuery('span#popup_product_key').html(), 'nav_status': 'next' },
                function(data){
                    jQuery('#product_popup').html(data);
                },
                'html'
            );    
        }        
    });
// ]]>
</script>